<template>
  <div id="app">
    <NavbarComponent/>
    <router-view></router-view>
    <CopyrightComponent/>
  </div>
</template>

<script>
import NavbarComponent from "@/views/components/Navbar";
import CopyrightComponent from "@/views/components/Copyright";
export default {
  name: "App",
  components: {CopyrightComponent, NavbarComponent},
  created() {
    if (this.$store.getters.token) {
      this.$store.dispatch("getMemberInfo");
    }
  },
};
</script>

<style lang="scss">

.container-fluid {
  padding: 0;
}

//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 8px;

  &:hover {
    background-color: #c0c4cc;
  }
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  background: #1D3E5C!important;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  background: #647999!important;
}

::-webkit-scrollbar-thumb:hover {
  background: white!important;
}

</style>
